<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		
		/*
		  	使用hover 修改 背景时，建议使用单独的背景属性去定义
		  	因为 background 默认白色的背景颜色会覆盖掉原有的背景色
		  	
		 */
			div:hover{
				/*background:red url(../images/nav_bg.png) no-repeat bottom;*/
				background-image: url(../images/nav_bg.png);
				background-repeat: no-repeat;
				background-position: bottom;
			}
		
			.box{
				width: 300px;
				height: 300px;
				background-color: blue;
				border: solid 1px blue;
			}
			
			.box1{
				width: 100px;
				height: 100px;
				background-color: lightblue;
				margin: 10px 0;
			}
			
			 
		</style>
	</head>
	<body>
		<div class="box">
			 <div class="box1">
			 	test
			 </div>
		</div>
	</body>
</html>
